  var vm = new Vue({
    el:'#rrapp',
    data:{
      collageData:null,
      yearData:null,
      termData:null,
      weekData:null,
      dayData:null,
      indexData:null,
      collageValue:[],
      yearValue:[],
      termValue:[],
      weekValue:[],
      dayValue:[],
      indexValue:[],
      collageOptions:[],
      yearOptions:[],
      termOptions:[],
      weekOptions:[],
      dayOptions:[],
      indexOptions:[]
    },
    mounted(){
         $.ajax({
            url: baseURL + "/college/getAllcollege",
            data: {},
            success: function (r) {
                for (i = 0; i < r.list.length; i++) {
                    var tempJson={
                        'value':r.list[i].collegeName,
                        'label':r.list[i].collegeName
                    }
                    vm.collageOptions.push(tempJson)
                }
            }
        });
        $.ajax({
            url: baseURL + "/term/getSchoolTerm",
            data: {},
            success: function (r) {
                for (i = 0; i < r.list.length; i++) {
                     var tempJson={
                        'value':r.list[i].schoolAcademicYear,
                        'label':r.list[i].schoolAcademicYear
                    }
                    vm.yearOptions.push(tempJson)
                }
            }
         });
         var listTerm=["1","2"];
         for (i = 0; i < listTerm.length; i++) {
            var tempJson={
                'value':listTerm[i],
                'label':"第"+listTerm[i]+"学期"
            }
            this.termOptions.push(tempJson)
         }
         for (i = 1; i < 21; i++) {
            var tempJson={
                'value':i,
                'label':"第"+i+"周"
            }
            this.weekOptions.push(tempJson)
         }
         for (i = 1; i < 8; i++) {
           var tempJson={
                'value':i,
                'label':"星期"+i
            }
            this.dayOptions.push(tempJson)
         }
         for (i = 1; i < 11; i+=2) {
            var tempJson={
                'value':i,
                'label':"第"+i+"节"
            }
            this.indexOptions.push(tempJson)
         }
    },
    methods:{

    }
});
   //*******************************v**u**e********************************
var studentAttendenceChartFirstTen = echarts.init(document.getElementById('studentAttendenceChartFirstTen'),'');
var studentAttendenceChartEndTen = echarts.init(document.getElementById('studentAttendenceChartEndTen'),'   ');
option2 = {
    title: {
        text: '平均授课时长',
        subtext: '前十名'
    },
    tooltip: {
    },
    legend: {
        data:['授课时长']
    },
    toolbox: {
    },
    xAxis:  {
        type: 'category',
        data: ['','','','','','','','','','',''],
        axisLabel: {
            interval:0,
            rotate:40
        }
    },
    yAxis: {
        type: 'value',
        axisLabel: {
            formatter: '{value} %'
        }
    },
    series: [
        {
            name:'到课率',
            type:'bar',
            data:[100,100,100,100,100,100,100,100,100,100],
            markPoint: {
                data: [
                    {type: 'max', name: '最大值'},
                    {type: 'min', name: '最小值'}
                ]
            },
            // markLine: {
            //     data: [
            //         {type: 'average', name: '平均值'}
            //     ]
            // }
        }
    ]
};
option = {
    title: {
        text: '平均授课时长',
        subtext: '后十名'
    },
    tooltip: {
    },
    legend: {
        data:['授课时长']
    },
    toolbox: {
    },
    xAxis:  {
        type: 'category',
        data: ['','','','','','','','','','',''],
        axisLabel: {
            interval:0,
            rotate:40
        }
    },
    yAxis: {
        type: 'value',
        axisLabel: {
            formatter: '{value} %'
        }
    },
    series: [
        {
            name:'授课时长',
            type:'bar',
            data:[100,100,100,100,100,100,100,100,100,100],
            markPoint: {
                data: [
                    {type: 'max', name: '最大值'},
                    {type: 'min', name: '最小值'}
                ]
            },
            // markLine: {
            //     data: [
            //         {type: 'average', name: '平均值'}
            //     ]
            // }
        }
    ]
};

window.onresize = function(){
    studentAttendenceChartFirstTen.resize()
    studentAttendenceChartEndTen.resize()
}
$(function () {
    // var setting = {
    //     data: {
    //         simpleData: {
    //             enable: true,
    //             idKey: "menuId",
    //             pIdKey: "parentId",
    //             rootPId: -1
    //         },
    //         key: {
    //             url: "nourl"
    //         }
    //     },
    //     check: {
    //         enable: true,
    //         nocheckInherit: true
    //     }
    // };
    // var ztree;
    // $.get(baseURL + "sys/menu/list", function(r){
    //     ztree = $.fn.zTree.init($("#ztree"), setting, r);
    //     //展开所有节点
    //     ztree.expandAll(false);
    // });
    $.ajax({
        url: baseURL + "/college/getAllStudentCollege",
        data: {},
        success: function (r) {
            $("#option").append("<option value=''>全校</option>");
            for (i = 0; i < r.list.length; i++) {
                var tname = r.list[i].collegeName;
                var tid = r.list[i].collegeName;
                $("#option").append("<option value='" + tid + "'>" + tname + "</option>");
            }
            loadOption('');
        }
    });

});
function query() {
    loadOption();
}
// function setDate(id) {
//     var Nowdate=new Date();
//     M=Number(Nowdate.getMonth())+1;
//     var today=Nowdate.getFullYear()+"-"+fix(M)+"-"+fix(Nowdate.getDate());
//     if(id=='1'){
//         $("#startDate").val(today);
//         $("#endDate").val(today);
//     }else if(id=='2'){
//         $("#startDate").val(showWeekFirstDay());
//         $("#endDate").val(today);
//     }if(id=='3'){
//         $("#startDate").val(showMonthFirstDay());
//         $("#endDate").val(today);
//     }
//     query()
// }
// function showWeekFirstDay()
// {
//     var Nowdate=new Date();
//     var WeekFirstDay=new Date(Nowdate-(Nowdate.getDay()-1)*86400000);
//     M=Number(WeekFirstDay.getMonth())+1
//     return WeekFirstDay.getFullYear()+"-"+fix(M)+"-"+fix(WeekFirstDay.getDate());
// }
// function showWeekLastDay()
// {
//     var Nowdate=new Date();
//     var WeekFirstDay=new Date(Nowdate-(Nowdate.getDay()-1)*86400000);
//     var WeekLastDay=new Date((WeekFirstDay/1000+6*86400)*1000);
//     M=Number(WeekLastDay.getMonth())+1
//     return WeekLastDay.getFullYear()+"-"+M+"-"+WeekLastDay.getDate();
// }
// function showMonthFirstDay()
// {
//     var Nowdate=new Date();
//     var MonthFirstDay=new Date(Nowdate.getFullYear(),Nowdate.getMonth(),1);
//     M=Number(MonthFirstDay.getMonth())+1
//     return MonthFirstDay.getFullYear()+"-"+fix(M)+"-"+fix(MonthFirstDay.getDate());
// }
// function fix(num){
//     if(num<10)
//         return "0"+num;
//     else return ""+num;
// }
// function showMonthLastDay()
// {
//     var Nowdate=new Date();
//     var MonthNextFirstDay=new Date(Nowdate.getFullYear(),Nowdate.getMonth()+1,1);
//     var MonthLastDay=new Date(MonthNextFirstDay-86400000);
//     M=Number(MonthLastDay.getMonth())+1
//     return MonthLastDay.getFullYear()+"-"+M+"-"+MonthLastDay.getDate();
// }
function getSeries(data)
{
    var     series=
        {
            name:'授课时长',
            type:'bar',
            data:data,
            barWidth : 30,//柱图宽度
            markPoint: {
                data: [
                    {type: 'max', name: '最大值'},
                    {type: 'min', name: '最小值'}
                ]
            },
            markLine: {
                data: [
                    {type: 'average', name: '平均值'}
                ]
            }
        }
    return series;
}
function goString(data){
        var temp=""
        for(let i in data){
            if(i==data.length-1){
                temp+=('\''+data[i]+'\'')
            }else{
                temp+=('\''+data[i]+'\'')+','
            }
        }
        return temp
    }
function loadOption(){
    vm.collageData=goString(vm.collageValue);
    vm.yearData=goString(vm.yearValue);
    vm.termData=goString(vm.termValue);
    vm.weekData=goString(vm.weekValue);
    vm.dayData=goString(vm.dayValue);
    vm.indexData=goString(vm.indexValue);
    $.ajax({
        url : baseURL + "/TeacherEvaluationCharts/getAverageTeacheingTimeRanking",
        data : {
            "collegeName":vm.collageData,
            "academicYear":vm.yearData,
            "academicTerm":vm.termData,
            "academicWeek":vm.weekData,
            "academicDay":vm.dayData,
            "academicIndex":vm.indexData,
            "startDate":$("#startDate").val(),
            "endDate":$("#endDate").val()
        },
        dataType : "json",
        success : function(result) {

            option2.xAxis.data=result.option.classNamesFirstTen;
            option2.series=getSeries(result.option.rateFirstTen);
            studentAttendenceChartFirstTen.setOption(option2,true);

            option.xAxis.data=result.option.classNamesEndtTen;
            option.series=getSeries(result.option.rateEndTen);
            studentAttendenceChartEndTen.setOption(option,true);

        },
        error : function(errorMsg) {
            //请求失败时执行该函数
            alert("图表请求数据失败!");
            studentNonAttendenceChart.hideLoading();
        }

    })
};